<link href="doubleslider.css" rel="stylesheet" type="text/css">
<style>
body{
	background: #333;
}
#container{
	padding:100px;
}
</style>

<div id="container">
	<div id="slider"></div>
</div>

<script src="doubleslider.js"></script>
<script>
var WHOO = new DoubleSlider(document.getElementById("slider"),{
	backgrounds:[
		{color:"#cc2727",icon:"ds_sad.png"},
		{color:"#bada55",icon:"ds_happy.png"},
		{color:"#2095dc",icon:"ds_sad.png"}
	],
	values:[0.1,1.02]
});
</script>